
body {
    background-color: #fff;
    color: #333333;
}

/*distance start*/
.top-icon {
    height: 83px;
    width: 66px;
    margin: 15px 20px 0 30px;
    display: inline-block;
}

.top-icon img {
    width: 100%;
    height: 100%;
}

.top-title {
    font-size: 30px;
    color: #fff;
    display: inline-block;
    font-weight: bold;
}

.home-top {
    height: 460px;
    width: 100%;
    background: url(../../images/home-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.content-all {
    width: 1200px;
    margin: 0 auto;
}

.home-button {
    background-color: #fff;
    text-align: center;
    line-height: 135px;
    height: 105px;
    width: 105px;
    opacity: 0.8;
    border: 2px solid #81e1ff;
    border-radius: 52px;
    cursor: pointer;
}

.home-button svg {
    font-size: 52px;
    color: #81e1ff;
}

.icon-and-span {
    font-size: 16px;
    color: #d2e6f7;
    margin-top: 12px;
    margin-right: 30px;
    display: inline-block;
}

.home-top-sm {
    position: relative;
}

.login-button {
    position: absolute;
    right: 34px;
    top: 60px;
    width: 48px;
    text-align: center;
    cursor: pointer;
}

.login-button:hover {
    text-decoration: none;
}

.login-button img {
    width: 48px;
    cursor: pointer;
}

.login-span {
    font-size: 16px;
    color: #fff;
    margin-top: 6px;
    cursor: pointer;
}

.home-top-xm {
    margin-top: 140px;
    text-align: center;
}

.home-middle {
    height: 274px;
    background-color: #fff;
    padding-top: 80px;
    text-align: center;
}

.home-bottom {
    height: 82px;
    text-align: center;
    background-color: #e5e7ea;
}

.home-button-div {
    width: 105px;
    text-align: center;
    display: inline-block;
    margin-left: 120px;
    cursor: pointer;
}

.home-button-div:first-child {
    margin-left: 0px;
}

.home-button-title {
    color: #fff;
    text-shadow: 0px 0px 10px #81e1ff;
    font-size: 16px;
    margin-top: 20px;
    display: block;
    cursor: pointer;
}

.dzjgDiv {
    width: 49px;
    height: 62px;
    display: inline-block;
    margin-top: 12px;
    vertical-align: middle;
    margin-right: 24px;
}

.dzjgDiv img {
    width: 100%;
}

.bqsy {
    display: inline-block;
    vertical-align: middle;
    margin-top: 12px;
}

.bqsy span {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 24px;
}

.bqsy span:nth-child(2) {
    float: left;
}

.bar-one {
    height: 120px;
    width: 200px;
    border-radius: 6px;
    background-color: #81e1ff;
    text-align: center;
    padding-top: 26px;
    display: inline-block;
    margin-right: 24px;
}

.bar-one:first-child {
    background-color: #33bee5;
}

.bar-one:nth-child(2) {
    background-color: #8fde73;
}

.bar-one:nth-child(3) {
    background-color: #8dacec;
}

.bar-one:nth-child(4) {
    background-color: #f8cf65;
}

.bar-one:nth-child(5) {
    background-color: #ffb28e;
}

.bar-one:last-child {
    margin-right: 0;
}

.bar-one svg {
    font-size: 44px;
    color: #fff;
}

.bar-one .bar-span {
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
}

.contenter {
    width: 100%;
}

.contenter .rows {
    margin-right: -15px;
    margin-left: -15px;
}

.cel-1, .cel-2, .cel-3, .cel-4, .cel-5, .cel-6, .cel-7, .cel-8, .cel-9, .cel-10, .cel-11, .cel-12 {
    float: left;
}

.cel-12 {
    width: 100%;
}

.cel-11 {
    width: 91.66666667%;
}

.cel-10 {
    width: 83.33333333%;
}

.cel-9 {
    width: 75%;
}

.cel-8 {
    width: 66.66666667%;
}

.cel-7 {
    width: 58.33333333%;
}

.cel-6 {
    width: 50%;
}

.cel-5 {
    width: 41.66666667%;
}

.cel-4 {
    width: 33.33333333%;
}

.cel-3 {
    width: 25%;
}

.cel-2 {
    width: 16.66666667%;
}

.cel-1 {
    width: 8.33333333%;
}

/*distance end*/

/*index start*/
.index-top {
    width: 100%;
    height: 105px;
    background: url(../../images/top-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.search-input {
    height: 34px;
    width: 190px;
    display: inline-block;
    vertical-align: middle;
    padding: 5px 10px;
    font-size: 14px;
    float: left;
}

.search-button-i {
    width: 63px;
    height: 33px;
    line-height: 33px;
    background-color: #5fa3f1;
    text-align: center;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
}

.user-info {
    margin-left: 36px;
    font-size: 16px;
    color: #fff;
    margin-top: 40px;
}

.back-login {
    color: #fff;
    font-size: 16px;
    margin: 0 16px;
    margin-top: 40px;
}

.user-info svg {
    font-size: 26px;
}

.settings-btn {
    color: #fff;
    font-size: 16px;
    margin: 0 0 0 16px;
    margin-top: 40px;
}

.index-middle {
    margin: 20px 0;
}

.index-left {
    width: 330px;
    background-color: #fff;
    border-radius: 3px;
    float: left;
    min-height: 672px;
    border: 1px solid #d6d8dc;
}

.index-right {
    margin-left: 350px;
    display: block;
}

.tab-button-group {
    padding: 0 2px 0 10px;
    overflow: hidden;
}
.tab-button-scroll{
    height: 250px;
    overflow: scroll;
}
.tab-button {
    width: 94px;
    text-align: center;
    display: inline-block;
    margin-top: 24px;
    float: left;
}

.tab-button img {
    height: 52px;
    width: 52px;
}

.tab-button span {
    display: block;
}

.index-frame {
    background-color: #fff;
    border: 1px solid #d6d8dc;
    margin-bottom: 20px;
    border-radius: 3px;
}

.index-menu {
    min-height: 313px;
}

.index-propel {
    min-height: 340px;
}

.menu-group {
    background-color: #74b1ee;
    height: 40px;
    color: #fff;
    line-height: 40px;
}

.menu-group .z {
    font-size: 16px;
}

.menu-group .z svg {
    margin: 0 11px 0 18px;
}

.menu-group .y {
    font-size: 14px;
    margin-right: 18px;
}

.menu-group .y span {
    cursor: pointer;
}

.hide {
    display: none;
}

.menu-ul li {
    height: 50px;
    border-bottom: 1px dashed #d6d8dc;
    font-size: 14px;
    line-height: 50px;
    color: #333;
    list-style: square inside;
    padding-left: 32px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.menu-ul li a {
    color: #333;
}

.right-tab {
    height: 48px;
    border-bottom: 1px solid #d6d8dc;
    padding: 0 10px;
    line-height: 46px;
}

.tab-one {
    font-size: 16px;
    color: #666;
    display: inline-block;
    padding: 0 10px;
    margin-right: 25px;
    cursor: pointer;
}

.tab-one.active {
    color: #4585eb;
    border-bottom: 2px solid #4585eb;
}

.index-table {
    width: 100%;
}
.index-table tbody{
    display: block;
    height: 240px;
    overflow-y: scroll;
}
.index-table thead tr, .index-table tbody tr{
    display:table;
    width:100%;
    table-layout:fixed;
}
.index-table thead tr, .index-table tbody tr:nth-child(even) {
    background-color: #f9fafd;
}

.index-table tr th, .index-table tr td {
    border-left: none;
    border-right: none;
    text-align: center;
}

.index-table tr {
    height: 48px;
}

.index-table tr th {
    color: #666;
    font-weight: 400;
}

.index-table tr td {
    color: #333;
}

.index-table tr th:first-child, .index-table tr td:first-child {
    padding-left: 4%;
}
#tzgg .index-table tr th:first-child, #tzgg .index-table tr td:first-child{
    width: 30%;
}
#tzgg .index-table tr th:nth-child(2), #tzgg .index-table tr td:nth-child(2){
    width: 10%;
}
#tzgg .index-table tr th:nth-child(3), #tzgg .index-table tr td:nth-child(3){
    width: 10%;
}
#tzgg .index-table tr th:nth-child(4), #tzgg .index-table tr td:nth-child(4){
    width: 10%;
}

#fwtx .index-table tr th:first-child, #fwtx .index-table tr td:first-child{
    width: 40%;
}
#fwtx .index-table tr th:nth-child(2), #fwtx .index-table tr td:nth-child(2){
    width: 10%;
}
#fwtx .index-table tr th:nth-child(3), #fwtx .index-table tr td:nth-child(3){
    width: 10%;
}

#wddb .index-table tr th:first-child, #wddb .index-table tr td:first-child{
    width: 30%;
}
#wddb .index-table tr th:nth-child(2), #wddb .index-table tr td:nth-child(2){
    width: 10%;
}
#wddb .index-table tr th:nth-child(3), #wddb .index-table tr td:nth-child(3){
    width: 10%;
}
#wddb .index-table tr th:nth-child(4), #wddb .index-table tr td:nth-child(4){
    width: 10%;
}

.index-table tbody tr:last-child td {
    border-bottom: none;
}
.index-table tr td .w-100-span{
    width: 100%;
}
.handle-div {
    width: 60px;
    height: 24px;
    border-radius: 3px;
    background-color: #74b1ee;
    color: #fff;
    line-height: 24px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
}

.home-tab-ul li {
    height: 48px;
    line-height: 48px;
    border-bottom: 1px solid #d6d8dc;
}

.home-tab-ul li:last-child {
    border-bottom: none;
}

.home-tab-ul li:nth-child(odd) {
    background-color: #f9fafd;
}

.home-tab-ul li a {
    display: block;
    padding: 0 65px 0 40px;
}

.home-tab-ul li a .z {
    font-size: 14px;
    color: #333;
    width: 650px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.home-tab-ul li a .y {
    font-size: 14px;
    color: #999;
}

.ggfw-bar {
    width: 50%;
    float: left;
}

.ggfw-top-img {
    width: 100%;
    height: 60px;
    padding-top: 25px;
}

.ggfw-top-img img {
    width: 100%;
}

.back-login:hover, .back-login:focus, .settings-btn:hover, .settings-btn:focus {
    color: #fff;
}

.ggfw-ul li {
    width: 50%;
    float: left;
    height: 48px;
    line-height: 48px;
    color: #333;
    list-style-image: url(../../images/right.png);
    list-style-position: inside;
    padding-left: 20px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ggfw-ul li a {
    font-size: 14px;
    color: #333;
}

.more {
    font-size: 14px;
    color: #999;
    margin-right: 10px;
}

.index-login {
    width: 48px;
    display: inline-block;
    margin: 15px 30px 0 40px;
    text-align: center;
}

.index-login .login-span {
    margin-top: 0;
}
a img, a span{
    cursor: pointer;
}
.tab-button span{
    color: #000;
    height: 15px;
    line-height: 15px;
}
.tab-button:hover{
    text-decoration: none;
}
/*index end*/

/*自适应*/
@media (min-width: 1420px) {
    .content-all {
        width: 100%;
        padding: 0 100px;
    }
    .index-middle .settings-left{
        min-height: 680px;
    }
    .index-middle .table-bar{
        min-height: 680px;
    }
    .index-middle .table-one{
        height: 610px!important;
    }
}
@media (max-width: 1220px) {
    .content-all {
        width: 950px;
        margin: 0 auto;
    }

    .bar-one {
        width: 150px;
    }

    .top-title {
        font-size: 25px;
    }

    .menu-ul li {
        padding-left: 15px;
    }

    .index-left {
        width: 240px;
    }

    .index-right {
        margin-left: 260px;
    }

    .user-info {
        margin-left: 20px;
    }

    .home-tab-ul li a .z {
        width: 460px;
    }
}

@media (max-width: 970px) {
    .content-all {
        width: 748px;
        margin: 0 auto;
    }
    .info-content{
        position: relative!important;
        left: 0!important;
        margin-left: 0!important;
    }
    .info-img{
        text-align: center;
        width: 100% !important;
        margin-bottom: 10px;
    }
    .info-bar{
        padding-left: 26px;
    }
    .info-img img{
        width: 128px!important;
    }
    .info-right{
        display: block;
        margin-left: 0!important;
    }
    .top-icon {
        margin-left: 10px;
        margin-right: 10px;
        height: 58px;
        width: 52px;
    }

    .home-button {
        width: 90px;
        height: 90px;
        line-height: 113px;
    }

    .top-title {
        font-size: 18px;
    }

    .home-button-div {
        width: 90px;
        margin-left: 70px;
    }

    .home-middle {
        height: 198px;
        padding-top: 50px;
    }

    .bar-one {
        width: 120px;
        height: 100px;
        padding-top: 13px;
        margin-right: 16px;
    }

    .index-left {
        width: 200px;
    }

    .index-right {
        margin-left: 220px;
    }

    .tab-one {
        padding: 0 7px;
        margin-right: 10px;
    }

    .home-tab-ul li a .z {
        width: 310px;
    }

    .search-bar {
        /*margin-top: 28px;*/
    }
    .search-button-i{
        height: 28px;
        line-height: 28px;
    }
    .search-input {
        height: 28px;
        width: 140px;
        font-size: 12px;
    }

    .search-button {
        width: 50px;
        height: 28px;
        line-height: 28px;
    }

    .user-info {
        font-size: 14px;
        margin-top: 31px;
    }

    .back-login {
        font-size: 14px;
        margin-top: 31px;
    }
    .settings-btn{
        font-size: 14px;
        margin-top: 31px;
    }
    .index-top {
        height: 90px;
    }
}

a {
    text-decoration: none;
}

table.public-table.table-tr tbody td {
    height: 40px;
}

.bqsy p {
    font-size: 12px;
}

/*  用户信息下拉 */
.Box {
    position: absolute;
    top: 5rem;
    right: 5.6rem;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 8px #d3ddeb;
    width: 360px;
    height: 230px;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    background: #fff;
    padding: 16px 20px;
    box-sizing: border-box;
    display: none;
    z-index: 10;
}

.Box_head {
    line-height: 37px;
    color: #000;
    font-size: 16px;
    margin-bottom: 12px;
    font-family: PingFang SC, Microsoft Yahei, Helvetica Neue, Helvetica, Arial, sans-serif;
    color: rgba(0, 0, 0, 0.85);
    letter-spacing: 0;
    text-align: left;
}

.Box_head_img {
    height: 26px;
    vertical-align: sub;
    margin-right: 5px;
    float: left;
    margin-top: 3px;
}

.Box_cont ul {
    list-style: none;
}

.Box_cont ul li {
    line-height: 33px;
    border-bottom: 1px solid #f2f2f2;
}

.Box_cont ul li span {
    color: #707070;
}

.Box_cont_tit {
    margin-right: 12px;
    display: inline-block;
    color: rgba(0, 0, 0, 0.68) !important;
}

.Box_cont_info {
    cursor: pointer;
    float: right;
}

.Box_cont_info:hover {
    text-decoration: underline;
}

.Box_link {
    float: right;
    font-size: 14px;
    letter-spacing: 0px;
    cursor: pointer;
    color: #1890FF;
}

.Box_link:hover {
    text-decoration: underline;
}

.triangle {
    position: absolute;
    top: -12px;
    right: 25px;
}

/*password start*/
.dis-block{
    display: block;
}
.width-long{
    width: 200px;
}
.float-none{
    float: none!important;
}
.pad-right{
    padding-right: 30px;
}
/*password end*/

.input-fa{
    position: absolute;
    right: 12px;
    top: 12px;
    font-size: 20px;
    color: #afafaf;
}


/*top start*/
#top-bg{
    position: absolute;
    width: 100%;
    height: 68px;
    top: 0;
    left: 0;
    z-index: -1;
}
#top-bg img{
    width: 100%;
    height: 100%;
}
.all-search-input{
    float: left;
    width: 200px;
    height: 36px;
    line-height: 36px;
    padding: 10px;
    outline: none;
}
.search-div{
    padding-top: 6px;
    height: 48px;
    display: inline-block;
    margin-right: 20px;
}
.search-div i{
    font-size: 16px;
    color: #fff;
}
.search-btn{
    float: left;
    height: 36px;
    width: 48px;
    text-align: center;
    line-height: 46px;
    background: #1ec5f1;
    color: #fff;
    display: inline-block;
    cursor: pointer;
}
.search-div.add-border{
    border: 1px solid #e5e5e5;
    border-radius: 20px;
}
.topBar {
    height: 68px;
    padding: 10px;
}
.home-left-icon, .dent-icon{
    padding: 0 15px;
    display: inline-block;
    height: 48px;
    line-height: 48px;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align:top;
    font-size: 16px;
}
.dent-icon svg{
    color: #b3d7ee;
}
.home-left-icon{
    color: #b3d7ee;
}
.home-left-icon:hover{
    color: #B9B9B9;
}
/*top end*/

.list-group-item.active{
    background: #DDF3FF;
    color:#555;
    border-color: #B9E5FF;
}

.list-group-item.active:hover{
    background:#53ACF3;
}

#top-bg{
    background-color: #006592;
}
.modal-dialog{
    margin:10px auto;
}


.grebtn{
    text-align: center;
    vertical-align: bottom;
    font-weight: inherit;
    font-size: 20px;
    color: #969696;
}
.dotting {
    display: inline-block; width: 20px; min-height: 4px;
    padding-right: 4px;
    padding-left: 4px;
    border-left: 4px solid currentColor; border-right: 4px solid currentColor;
    background-color: currentColor; background-clip: content-box;
    box-sizing: border-box;
    -webkit-animation: dot 2s infinite step-start both;
    animation: dot 2s infinite step-start both;
}
.dotting:before { content: '...'; } /* IE8 */
.dotting::before { content: ''; }
:root .dotting { margin-left: 8px; padding-left: 4px; } /* IE9+ */

@-webkit-keyframes dot {
    25% { border-color: transparent; background-color: transparent; }
    50% { border-right-color: transparent; background-color: transparent; }
    75% { border-right-color: transparent; }
}
@keyframes dot {
    25% { border-color: transparent; background-color: transparent; }
    50% { border-right-color: transparent; background-color: transparent; }
    75% { border-right-color: transparent; }
}
.zxOne{
    font-size: 20px;
    color: #afafaf;
    font-weight: bold;
    height: 60px;
    line-height:60px;
    text-align: left;
    padding-left: 15px;
}


/*tree修改 start*/
.easyui-tree ul li .tree-node span, .easyui-tree ul li .tree-node span.noBack {
    color: #747474;
    text-align: center;
    line-height: 18px;
}
.noBack {
    line-height: 18px;
    background: none!important;
}
/*tree修改 end*/
#cc .flavr-container .flavr-fixer{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -60px;
}


/*easyui table  start*/
.panel{
    box-shadow: none!important;
}
.no-border{
    border: none!important;
}
.combo input:read-only, .combo input.readonly{
    background-color: #fff;
}
.textbox textarea.textbox-text{
    line-height: 28px!important;
}
label.textbox-label{
    color: #333;
    font-weight: 400;
    text-align: right;
}
.panel-header{
    display: none;
}
.cssnj-bar{
    text-align: right;
}
.datagrid-htable tbody tr td{
    height: 34px;
    background-color: #f7f7f7;
    border-color:#dfdfdf;
    text-align: center;
    border-width: 1px 1px 1px 0;
    border-style: solid;
}
.datagrid-htable tbody tr td:last-child, .datagrid-btable tbody tr td:last-child{
    border-right: none;
}
.datagrid-btable tbody tr:last-child td{
    border-bottom: none;
}
.panel-header, .panel-body{
    border-color:#dfdfdf!important;
}
.datagrid-htable tbody tr td .datagrid-cell span{
    font-size: 14px;
    color:#333;
}
.datagrid-btable tbody tr td{
    height: 32px;
    border-color:#dfdfdf;
    border-style: solid;
}
.datagrid-btable tbody tr td .datagrid-cell{
    font-size: 13px;
    color: #2b2b2b;
    text-align: center;
}
/*easyui table  end*/
/*cssnj start*/
.b-title-b{
    font-size: 24px;
    line-height: 30px;
    color: #000;
    font-weight: bold;
}
.search-bar {
    border: 1px solid #cccccc;
    /* margin: 10px 0; */
}
.searchT-title {
    width: 100%;
    color: #006dc1;
    font-weight: bold;
    height: 28px;
    line-height: 28px;
    padding-left: 10px;
    background: #f7f7f7;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.search tr td {
    padding-top: 15px;
}
.search-content {
    min-height: 150px;
}
/*表格 start*/
.result-title {
    font-family: "宋体";
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #333;
}
/*cssnj end*/